<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="http://v3.bootcss.com/favicon.ico">

    <title>Blog</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">

    <!-- Custom styles for this template -->
    <link href="css/bootstrapBlog.css" rel="stylesheet">
    <link href="css/blog.css" rel="stylesheet">

</head>

<body>
<div class="blog-nav">
    <div class="container">
        <ul class="nav nav-pills pull-right">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Search</a></li>
        </ul>
        <h3 class="text-muted">毛毛虫</h3>
    </div>
</div>
<div class="blog-header">
    <div class="container" style="padding-top: 25px;">
        <h1>BLOG</h1>
        <h4>记录生活的点滴</h4>
    </div>
</div>
<div class="blog-content ">
    <div class="container">
        <div class="row" style="background: #FFFFFF;border-radius: 2px;margin-top: -80px;">
            <div class="col-sm-8">
                <div class="row">
                    <div class="col-sm-12 post">
                        <div class="thumb">
                            <img src="image/thumb.png" width="100%" height="240px">
                        </div>
                        <div class="about">
                            <div class="type">
                                <span><i class="fa fa-volume-up fa-lg"></i></span>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <h3><a href="#">个人博客开篇</a></h3>
                                </div>
                                <div class="meta">
                                    <span><i class="fa fa-calendar"></i>2017/03/05</span>
                                    <span><i class="fa fa-eye"></i>浏览(120)</span>
                                    <span><i class="fa fa-comment"></i>评论(120)</span>
                                    <span class="pull-right " style="color: #e8503e;"><i
                                            class="fa fa-heart"></i>120</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <p>
                                开篇。本博客站基于ASP.NET MVC +
                                EF6.0，采用Bootstrap响应式布局搭建，因此使用IE8以下的浏览器访问时可能会出现错位等一系列问题。本站定位为个人技术博客，主要用来记录工作中遇到的一些问题及其解决方案，以便日后查看，如果能无意间帮助遇到同类问题的人，那是再好不过了。mark本站虽小，但五脏俱全：MVC架构、Spring依赖注入、云存储、响应式布局(几乎适应各种屏幕尺寸的设备)、令人抓狂的一堆css、NUnit单元测试、Log4Net日志记录、Lucene站内检索、各式各样的jquery插件、自己下大功夫造了评论插件、点赞插件、分页插件，自定义Ueditor编辑器，就算是logo和icon、favicon图标也是相当地精美
                                做博客的过程中发现，竟然同时用到了BAT三大厂的东西。首先，服务器用的是.......
                            </p>
                        </div>
                        <div class="more">
                            <button class="btn">Read More</button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 post">
                        <div class="thumb">
                            <img src="image/headbackground.png" width="100%" height="240px">
                        </div>
                        <div class="about">
                            <div class="type">
                                <span><i class="fa fa-volume-up fa-lg"></i></span>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <h3><a href="#">个人博客开篇</a></h3>
                                </div>
                                <div class="meta">
                                    <span><i class="fa fa-calendar"></i>2017/03/05</span>
                                    <span><i class="fa fa-eye"></i>浏览(120)</span>
                                    <span><i class="fa fa-comment"></i>评论(120)</span>
                                    <span class="pull-right " style="color: #e8503e;"><i
                                            class="fa fa-heart"></i>120</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <p>
                                开篇。本博客站基于ASP.NET MVC +
                                EF6.0，采用Bootstrap响应式布局搭建，因此使用IE8以下的浏览器访问时可能会出现错位等一系列问题。本站定位为个人技术博客，主要用来记录工作中遇到的一些问题及其解决方案，以便日后查看，如果能无意间帮助遇到同类问题的人，那是再好不过了。mark本站虽小，但五脏俱全：MVC架构、Spring依赖注入、云存储、响应式布局(几乎适应各种屏幕尺寸的设备)、令人抓狂的一堆css、NUnit单元测试、Log4Net日志记录、Lucene站内检索、各式各样的jquery插件、自己下大功夫造了评论插件、点赞插件、分页插件，自定义Ueditor编辑器，就算是logo和icon、favicon图标也是相当地精美
                                做博客的过程中发现，竟然同时用到了BAT三大厂的东西。首先，服务器用的是.......
                            </p>
                        </div>
                        <div class="more">
                            <button class="btn">Read More</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="categories">
                    <h4>文章分类</h4>
                    <div class="col-sm-6 cl">
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cr" >
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cl">
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cr" >
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cl">
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cr" >
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cl">
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cr" >
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cl">
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="col-sm-6 cr" >
                        <a href="#">开源工具<span class="pull-right">(25)</span></a>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="tag">
                    <h4>标签</h4>
                    <a href="#">javascript</a>
                    <a href="#">百度爬虫</a>
                    <a href="#">收录</a>
                    <a href="#">javascript</a>
                    <a href="#">百度爬虫</a>
                    <a href="#">百度爬虫</a>
                    <a href="#">收录</a>
                    <a href="#">javascript</a>
                    <a href="#">收录</a>
                    <a href="#">javascript</a>
                    <a href="#">百度爬虫</a>
                    <a href="#">百度爬虫</a>
                    <a href="#">收录</a>
                    <a href="#">javascript</a>
                </div>

            </div>
        </div>

    </div>
</div>
</div>
<div class="blog-footer">
    <div class="container">
        <div class="blog-footer-top">
            <div class="row">
                <div class="col-sm-6">
                    <h4>
                        <img src="http://static.bootcss.com/www/assets/img/logo.png">
                    </h4>
                    <p>本网站所列开源项目的中文版文档全部由
                        <a href="http://www.bootcss.com/">Bootstrap中文网</a>成员翻译整理，并全部遵循 <a
                                href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>协议发布。
                    </p>
                </div>
                <div class="col-sm-6">
                    <div class="row">
                        <div class="col-xs-3"></div>
                        <div class="col-xs-3"></div>
                        <div class="col-xs-3">
                            <h4>关于</h4>
                            <ul class="list-unstyled">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">广告合作</a></li>
                                <li><a href="#">友情链接</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-3"></ul>
                            <h4>赞助商</h4>
                            <ul class="list-unstyled">
                                <li><a href="http://www.ucloud.cn/" target="_blank">UCloud</a></li>
                                <li><a href="https://www.upyun.com" target="_blank">又拍云</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="blog-footer-bottom">
            <ul class="nav nav-pills pull-right">
                <li><a href="#">Home</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
            <h5 class="pull-left">Copyright 2017 xxx.All Rights Reseverd.</h5>
        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
